<template>
    <view class="report-page">
        <view class="reports-container">
            <view class="report-item">
                <text class="report-name">基础征信报告</text>
                <view class="report-action">
                    <text class="action-text">请查看</text>
                    <image src="https://apizx01.sc798.com/Resource/assets/cbg/rig.png" mode="aspectFit" class="arrow" />
                </view>
            </view>
            <view class="report-item">
                <text class="report-name">税票解析报告</text>
                <view class="report-action">
                    <text class="action-text">请查看</text>
                    <image src="https://apizx01.sc798.com/Resource/assets/cbg/rig.png" mode="aspectFit" class="arrow" />
                </view>
            </view>
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue';
const handleReportClick = (reportType) => {
}
</script>

<style lang="scss" scoped>
.report-page {
    height: 100vh;
    background-color: #f4f5f7;
    padding: 20rpx 24rpx;
    box-sizing: border-box;
    .reports-container {
        .report-item {
            background-color: #fff;
            border-radius: 12rpx;
            padding: 30rpx 40rpx 30rpx 30rpx;
            margin-bottom: 20rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;

            &:active {
                transform: scale(0.98);
                box-shadow: 0 1rpx 4rpx rgba(0, 0, 0, 0.1);
            }

            .report-name {
                font-size: 28rpx;
                color: #333;
            }

            .report-action {
                display: flex;
                align-items: center;

                .action-text {
                    font-size: 28rpx;
                    color: rgba(51, 51, 51, 0.6);
                    margin-right: 10rpx;
                }

                .arrow {
                    width: 14rpx;
                    height: 24rpx;
                }
            }
        }
    }
}
</style>